askirmas / react-classnaming

import type { ClassNames, ClassNamesProperty, ClassHash } from "../src"

import classNaming, { classNamesCheck } from "../src"

import expectRender from "../expect-to-same-render"

const {classnames}: ClassNames<typeof App> = {

  classnames: {

    "App__Item": "hash",

    class1: "hash1",

    class2: "hash2"

  }

}

}

function Component(props: ClassNames<true, ClassNamesProperty<{class1: ClassHash, class2: ClassHash}>>) {

  const classes = classNaming(props)

  return <>

    <div {...classes(true, {class1: true, class2: false})}/>

    <div {...classes({class2: true})}/>

  </>

}

it("not module", () => expectRender(

  <App className="MyApp" classnames={classNamesCheck()} />

).toSame(

  <div className="MyApp App__Item class1" />,

  <div className="class2" />

))

it("css module", () => expectRender(

  <App className="MyApp" classnames={classnames} />

).toSame(

  <div className="MyApp hash hash1" />,

  <div className="hash2" />

))